<!--
 * @Author: Ping Chou
 * @Date: 2021-09-27 16:10:33
 * @LastEditTime: 2022-01-21 10:43:50
 * @LastEditors: zhouping
 * @Description:
 * @FilePath: /test1/index.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no">
  <title>Document</title>
  <style>
    *{
      margin: 0;
      padding: 0;
    }
    main {
      height: 100vh;
      background-color: aqua;
      position: relative;

    }
    section {
      position: absolute;
      bottom: 0;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;

      width: 100vw;
      padding-top: 10px;
      background: #fff;
      height: 80px;
    }
    input {
      flex: 0 0 auto;
      margin-bottom: 10px;
      width: 80%;
    }
    img {
      /* user-select: none; */
      /* pointer-events: none; */
      /* -webkit-touch-callout: none; */
    }
  </style>
</head>
<body>
  <main>
    <section>
      <input type="text" id="name1"><br>
      <input type="text">
      <img src="bg.png" alt="">
    </section>
  </main>
  <script src="./async.js"></script>
  <script>
    var a = {
      b: 'HHHH"'
    }
    var b = JSON.stringify(a)
    // console.log(b)
    var c = JSON.parse('[{"b":"HHHH\\"", "c": 222}, {"b": "333", "c": 333}]')

    // function reviewer (key, value) {
    //   if (key === 'b') {
    //     console.log(key)
    //     console.log(value)
    //     let rs = ''
    //     const patrn = /["]/
    //     value.replace(patrn, '\\')

    //   }
    //   return value
    // }
    console.log(c)

  </script>
  <!-- <script src="./promis.js"></script> -->
</body>
</html>